<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es-ES">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Cómo crear un menú de pestañas elegante en jQuery</title>
    <link rel="stylesheet" href="main.css" type="text/css" media="screen" />
    <!--[if IE]>
        <link rel="stylesheet" href="ie.css" type="text/css" media="screen" />
    <![endif]-->
</head>
<body>
    <div class="wrapper">
        <h1>Cómo crear un menú de pestañas elegante en jQuery</h1>
        <br />
        <div class="aux">
            <div id="container">
                <ul class="menu">
                    <li id="noticias" class="active">Noticias</li>
                    <li id="tutoriales">Tutoriales</li>
                    <li id="enlaces">Enlaces</li>
                </ul>
                <span class="clear"></span>
                <div class="content noticias">
                    <h3>Últimas Noticias</h3>
                    <ul>
                        <li><img src="img/bullet.png" alt="-" /> Manifiesto por los Derechos en Internet </li>
                        <li><img src="img/bullet.png" alt="-" /> Logos que Inspiran Volumen #5</li>
                        <li><img src="img/bullet.png" alt="-" /> Erasmusu llega a los 6.000 usuarios</li>
                        <li><img src="img/bullet.png" alt="-" /> Lanzamos web.ontuts.com!</li>
                    </ul>
                </div>
                <div class="content tutoriales">
                    <h3>Últimos Tutoriales</h3>
                    <ul>
                        <li><img src="img/bullet.png" alt="-" /> Cómo crear bordes redondeados en CSS3</li>
                        <li><img src="img/bullet.png" alt="-" /> JSONP, llamadas entre dominios</li>
                        <li><img src="img/bullet.png" alt="-" /> Introducción a Microsoft Silverlight</li>
                        <li><img src="img/bullet.png" alt="-" /> Cómo aplicar sombra en textos con CSS3</li>
                        <li><img src="img/bullet.png" alt="-" /> Creando capa de conexión abstracta a base de datos con PHP</li>
                        <li><img src="img/bullet.png" alt="-" /> Mini Aplicaciones Web con Python y Juno</li>
                    </ul>
                </div>
                <div class="content enlaces">
                    <h3>Deberías Visitar...</h3>
                    <ul>
                        <li><img src="img/bullet.png" alt="-" /> <a href="http://www.plusmusica.com">www.plusmusica.com</a> - Online jukebox!</li>
                        <li><img src="img/bullet.png" alt="-" /> <a href="http://www.cokidoo.com">www.cokidoo.com</a> - Nuestra startup! :)</li>
                        <li><img src="img/bullet.png" alt="-" /> <a href="http://www.cokidoo.com">www.pixelartgames.com</a> - Te gustan los juegos pixel art? ;)</li>
                        <li><img src="img/bullet.png" alt="-" /> <a href="http://www.dmsconsulting.es">www.dmsconsulting.es</a> - Anterior empresa</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="tabs.js"></script>
</body>
</html>